<template>
<div>
	<div class=top>
		<ul>
			<li><router-link tag='a' :to="{name:'index',params:{id:'这是首页传过来的值'}}">首页</router-link></li>
			<li><router-link tag='a' to="/page/school">VUEX</router-link></li>
			<li><router-link :to="{path:'qiong',query:{id:'学校url传值'}}">学校</router-link></li>
			<li><router-link to='/page/page/index'>教务处</router-link></li>
			<li>
				<router-link to='about' append>append</router-link>
			</li>
			<li>
				<router-link to='page' exact>exact</router-link>
			</li>
		</ul>
	</div>
	<div>
	<router-view></router-view>
	</div>
</div>
</template>
<script type="text/javascript">
	export default{
		components:{
			left:`<div>123</div>`,
			right:`<div>1234</div>`
		}
	}
</script>
<style type="text/css" scoped>
	div.top{height:80px;padding:0 100px; background:#387db8;}
	ul{
		width:100%;
		height:80px;
		list-style: none;
	}
	li{float:left;width:200px;color:#fff; line-height: 80px;font-size:18px;cursor: pointer;}
	a{color:#fff;text-decoration:none;}
		/*a.router-link-active{
		color:#f66;
		}
		a.router-link-exact-active{
		color:#f66;*/
  /*}	*/
</style>
